 /*-网页页面布局-*/
body{
     margin: 0px; padding: 0px;
     font-size: 14px;
     font-family:SimSun;
}
h1,h2,h3,h4,h5,h6{
    font-family:SimHei;
}
.preViewer{
    border:1px solid #ccc;
    background-color: #928c8c;
}
 /*-内容页面布局-*/
.main{
    width: 190mm;min-height: 277mm;
    /* border: 1px solid #ccc; */
    padding: 10mm;margin: 10mm auto;
    background-color: #fff;
    /* box-shadow:#666 10px 10px 10px; */
}

/*-分页-*/
.pageBreak{
    border: 1px solid #ccc;
}

/* 内容渲染样式 */
div.imgDiv{text-align: center;margin: 10px 0px;}
.imgDiv>img{max-width: 190mm;}

.picsDiv{display: flex; flex-wrap: wrap;}
.picsDiv>.imgDiv{margin:10px 10px 10px 0px;}
.pics2>img{max-width: 92.2mm;}
.pics3>img{max-width: 60.6mm;}
.pics4>img{max-width: 44.8mm;}
.pics5>img{max-width: 35.3mm;}

span.imgDsc{display: block;font-size: 16px;color: #999;}


.main>h1{
    text-align: center;padding:10mm 10mm;margin: 0px;
}
.main>h2{text-align: center;padding:5mm 5mm 1mm;margin: 0px;}
.main>h3{margin:8mm 0mm 3mm;}

.main p{margin: 0.6mm;text-indent: 2em;line-height: 25px;}


/* -------------------------题库标签------------------------------ */
.dxSet .setTitle{font-weight: bold;font-size: 20px; margin: 10px 0px 5px;}
.dxSet .Q{font-weight: normal;margin: 10px 0px 5px;font-size: 18px;}
.dxSet .opts{text-indent: 10px;}
.dxSet .opts span{margin-left: 10px;font-size: 18px;}
/* 答案及解析 */
.dxSet .ax{
    margin: 10px 0px;
    color: #fff;
    font-size: 14px;
    background-color: #ccc;
    padding: 5px;
}

/* 纯图页 */
.imgPage{ 
    width: 190mm;
    height: 270mm;
    max-height: 270mm;
    margin-top: -1mm;
}

/* 标题页 */
.BNP{
    height:220mm;
    text-align: center;
    margin-top:40mm;
    background: none;
}
.title,.author,.date{
    margin-bottom: 10px;
}
.title{
    font-size: 40px;
}
.subtitle{
    font-size: 26px;
    margin-bottom: 150mm;
}


/* 目录页 */
.TOC h1{text-align: center;margin: 20mm 0px;}
.TOC ul{margin:0px;padding-left: 5mm;}
.TOC>ul{margin:0px;padding-left: 0mm;}
.TOC li{list-style: none;margin: 10px 0px;border-bottom: 1px dotted #ccc;}
.TOC li>span{float:right;width:60px;height:20px;border: 1px solid #ccc;}

/* 语法高亮 */
.order{
    color: #3d83a5;
    font-weight: bold;
}
.kuohao{
    color:#8e661c; padding: 0px 2px;
}
.prms{
    color:#ce4b4b;
}
.heading{
    color: #6d3b82;
    font-weight: bold;
    border: 1px solid #9e3989;
    border-radius: 5px;
    padding: 2px 5px;
    background-color: #fff;
}

/* 注释 */
.rem-kuohao{
    color: #bbc754;;
    background-color: rgb(8, 138, 12);
    padding: 2px 5px;
        /* text-decoration: underline; */
}
.rem-body{
    color: #bbc754;;
    background-color: rgb(8, 138, 12);
    padding: 2px 5px;
    /* font-style: italic; */
    /* text-decoration: underline; */
}

/* 表格 */
.table_div{
    text-align: center;
}
.table_title{
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 14px;
}
table.threeline{
display: inline-block;
max-width:100%;
border-top: 2px solid #444;
border-bottom: 2px solid #444;
margin-bottom: 10px;
}

.threeline tr.tr1 th{border-bottom: 1px solid #444; line-height: 30px;padding: 2px 5px;background-color: #ccc;}
.threeline td{ line-height: 30px;padding: 2px 5px;}
.threeline tr:nth-child(even){ background-color: #eee;}

/* code */
.code{
    margin: 10px 0px;
}
.code>span{
 background-color: #444;color: #fff;
 padding: 3px 5px;
 display: inline-block;
 margin-left: 10px;
 border-radius: 3px 3px 0px 0px;
}
.code>table{
    width: 100%;
    border:1px solid #ccc;border-radius:5px;
}
.code td{
    padding: 3px;
    background-color: #444;
    color: #fff;
}
.code td:first-child{
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #444;
width:20px;
text-align: right;

}
/* 步骤列表steps */
.steps{
   margin: 10px 0px;
}
.steps_title{
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: bold;
}
.step{
    border-left: 2px dotted #ccc;
    margin-left: 20px;
    margin-bottom: 12px;
    word-break: break-all;
}
.step>.step_title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
}
.step>.step_title>span{
    border: 1px solid #ccc;
    background-color: #444;
    color:#fff;
    padding: 10px 15px;
    border-radius: 100px;
    margin-left: -20px;
    margin-right: 10px;
}
.step>.step_body{margin-left: 35px;}

/* 月历 */
.month{margin: 10px;}
.month>.month_title{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0px 5px;
}
.month>table{
    width:100%;
    height:500px;
    border:1px solid #444;
}
.month>textarea{
    display: none;
}
.month>table th{
    height: 30px;line-height: 30px;
    vertical-align: top;
    padding: 0px;margin: 0px;
    background-color: #666;color: #fff;
    border-left:1px solid #444;
    border-bottom:1px solid #444;
}
.month>table td{
    width:200px;
    height: 100px;
    vertical-align: top;
    padding: 0px;margin: 0px;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    font-size: 14px;
}
.month p{
    text-indent: 0em;
    /* display: inline-block; */
}
.month>table th:nth-child(1){
    border-left:none;
}
.month>table td:nth-child(1){
    border-left:none;
    background-color: #ccc;
}
.month>table td:nth-child(7){
    background-color: #ccc;
}

.month>table span{
    font-size: 12px;
    display: inline-block;
    text-align:center;
    width: 18px;height: 18px;
    /* background-color: #CCC; */
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 4px;
    /* margin-left: 2px; */
}
.month>table td:nth-child(1) span{
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
}
.month>table td:nth-child(7) span{
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
}